

<template>
  <div class="maskPanel">
      <section class="successView" >
          <div class='icon'></div>
          <p class='config'>密码设置完成</p>
      </section>
  </div>
</template>
<script>

export default {
  data(){
      return{

      }
  },
  components: {

  },
  computed:{

  },
  props:{

  },
  watch:{

  },
  mounted:function(){

  },
  methods:{

  }
}
</script>
<style lang="less" scoped>
    .maskPanel{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background-color: #7E7E7E;
        z-index:1000;
    }
  .successView {
    overflow: hidden;
    background-color:#fff;
    position: absolute;;
    bottom:0px;
    margin:auto auto;
    top:0px;
    height:4rem;
    width:90%;
    left:0;
    right:0;
    border-radius: 0.08rem;
    text-align:center;
    div.icon {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        margin: 1rem auto 0;
        background: url('/static/imgs/passwordSuccess.svg') no-repeat  center center / 1.4rem 1.4rem;
    }

    p.config {
      letter-spacing: 1px;
      color:#333;
      font-weight: bold;
      margin-top: 0.1rem;
      margin-bottom:1.5rem;
    }

  }
</style>

             
             
             
             
